<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Вход</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <c:url value="/css/r-star.css" var="url"/><link rel="stylesheet" href="${url}"/>
    <style type="text/css">
        body {
            background-color: blue;
            margin: 0;
            padding:0;
            font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
            font-size: 14px;
        }
        
        .main {
            width:900px;
            height: 500px;
            position:absolute;
	        top: 50%;
	        left: 50%;
	        margin-top: -250px; /* =-1/2*height */
	        margin-left: -450px; /* =-1/2*width */
            background-color: white;
        }
        
        .left, .right, .centre {
            float: left;
            height: 100%;
            background-color: white;
            position : relative;
        }
        
        .left {
            width:535px;  /*main.w - right.w - centre.w - 2*padding*/
            padding: 0 20px;
        }
        .right {
            width:275px;
            padding: 20px 20px;
        }
        .centre {
            width: 10px;
            background-color: blue;
            height: 600px;
            top : -20px;

        }
        .auth {
            margin-top: 150px;
        }
        .request {
            /*margin-top: 30px;*/
            cursor: pointer; cursor: hand;
            height : 40px;
            text-align: center;
            display: none;
            
        }
        .links {
            margin-top: 70px;
        }
        .links ul{
            margin-top: 2px;
            padding-left: 30px;
        }

        .r-star .cn.bl, .r-star .cn.br{
            margin-top: 500px;
        }
        inline {
        	font-size: 14px;
        }
    </style>
    
	<!--[if lt IE 7]>
        <style>
        	/*fix input's*/
        	form .formText {width: 10em;}
			* html input {
				z-index: expression(
					runtimeStyle.zIndex = 1, (type == "text"|type == "password") ? (className += " formText") : 0
				)
			}
			/*fix something with pictures*/
            .cn{	filter: expression(fixPNG(this));	}
        </style>
        <script type="text/javascript" src="ie6-fix.js"> </script>
    <![endif]-->
    
</head>
<body onload="document.forms[0][0].focus();">
    <div class="main r-star">
        <div class="cn tl"></div>
        <div class="cn tr"></div>

        <div class="left">
            <p>Вас приветствует информационная система курсов проводимых в рамках договора о сотрудничестве между ХНУРЭ, немецкой компанией VData Sofware-Entwicklung GmbH и украинско-немецким ООО «ПрофИТсофт».</p>
            <p>Курсы ведуться с 2003 года и стали настоящей кузницей… бла-бла..</p>
            <p>Наиболее древними известные бесчелюстные животные, напоминающие рыб, датируются ранним ордовиком около 450—470 миллионов лет назад. С развитием челюстей из одной из жаберных дуг возникли первые рыбы. Хрящевые рыбы появились на рубеже силура и девона около 420 миллионов лет назад. Костные рыбы водятся в мировых океанах как минимум с девона, не исключено, что они существовали уже в силуре. Более половины всех живущих ныне видов позвоночных, а именно, согласно FishBase, около 31 тысячи, относятся к рыбам. Число признанных видов продолжает меняться вследствие открытий новых видов в мировых океанах, а также таксономических пересмотров отдельных групп рыб.</p>
            <p>В экономическом отношении значительную роль играет рыболовный промысел. Другой отраслью является торговля декоративными рыбами. И то, и другое способно ставить под угрозу популяции тех или иных видов. Другими угрозами являются загрязнение воды, перегорождение рек, потепление, интродуцирование чужих видов, а также высыхание рек.</p>
            <p>Все возникшие вопросы можна задать воспользовавшись <a href="mailto:youself">електропочтой</a>  </p>
        </div>
        <div class="centre">
        </div>
        <div class="right">
            <div class="request" onclick="alert('А тут, значит, появляется всплывающее окошко с формочкой для заполнения. \n При сабмите, данные AJAX-ом отправляются на сервер. \n\n Или сообщается, что <<Cейчас набор не ведется. Следите за объявлениямив институте.>>');"> Хочу учиться! </div>
            <div class="auth">

                <form name="loginForm" action="j_spring_security_check" method="post">
                    <table>
                        <tr><th colspan="2">Авторизация</th></tr>
                        <tr><td>Псевдоним:</td><td><input name="j_username" type="text" size="20"/></td><td>
                        <tr><td>Пароль:</td><td><input name="j_password" type="password" size="20"/></td></tr>
                        <tr><td /><td><input name="_spring_security_remember_me" type="checkbox" />&nbsp; Запомнить меня</td></tr>
                        <tr><td colspan="2" style="text-align: center;"><input type="submit" value="Войти" /></td></tr>
                    </table>
                </form>
            </div>
            <div class="links">
                Полезные ссылки: <br />
                <ul>
                    <li><a href="http://profitsoft.ua">ПрофИТсофт</a></li>
                    <li><a href="http://kture.kharkov.ua">ХНУРЭ</a></li>
                    <li><a href="http://java.kture.kharkov.ua">Лаборатория интернет технологий</a></li>
                </ul>
            </div>
        </div>
        <div class="cn bl"></div>
		<div class="cn br"></div>
    </div>
</body>
</html>